/* Back & Front 공통 */
	.brd_list_image-type{
		font-family: 'Noto Sans KR', sans-serif;
		margin:0 auto;
		width: 800px;
		display: table;
	}
	
	
/* Front */
	@media only screen and (max-width:1024px){
		.inbox{
			min-height:450px;
			padding-bottom:60px;
		}
	}
	@media only screen and (min-width:769px){
		.inbox{
			min-height:450px;
			padding-bottom:100px;
		}
	}
/* IE8 */
	.old_ie .inbox{
		min-height:450px;
		padding-bottom:100px;
	}
	
	
/* Back & Front 공통 */
/*GALLERY*/
	.size1 li{
		position: relative;
		float: left;
		width: 256px;
		margin: 0 0.65% 20px;
	}
	.size1 li .img_box{
		width: 100%;
		height: 165px;
		overflow: hidden;
		/*하위태그 가로,세로 모두 가운데 정렬*/
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack:center;
			-ms-flex-pack:center;
			-webkit-justify-content:center;
			justify-content:center;
			-webkit-box-align:center;
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center;
	}
	.size1 li .img_box img{
		display: block;
		width: 100%;
		margin:0 auto;
	}
	.size1 li .txt_box{line-height:1.3em;}
	.size1 li .txt_box .p0{
		font-size: 12px;
		font-weight: 100;
	}
	.size1 li .txt_box .p1{
		padding:3px 5px;
		letter-spacing: -0.01em;
		font-size: 15px;
		font-weight: 500;
		/*텍스트줄임*/
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
	}
	.size1 li .txt_box .p2{
		font-size: 12px;
		font-weight: 100;
		text-align: right;
	}
	/* iPhone4,5,SE(width:320px) */
		@media only screen and (max-width:1024px){
			.inbox .brd_list_image-type{width:100%;}
			.inbox .size1 li{
				width:31.333%;
				margin:0 1% 15px;
			}
			.inbox .size1 li .img_box{height:62px;}
			.inbox .size1 li .txt_box{width:100%;}
			.inbox .size1 li .txt_box .p1{width:93px; font-size:13px; line-height:17px;}
			.inbox .size1 li .txt_box .p2{font-size:11px;}
		}
	/* Android OS display 5'(width:360px) */
		@media only screen and (min-width:360px) and (max-width:767px){
			.inbox .size1 li .img_box{height:71px;}
			.inbox .size1 li .txt_box .p1{width:106px;}
		}
	/* iPhone6(width:375px) */
		@media only screen and (min-width:375px) and (max-width:767px){
			.inbox .size1 li .img_box{height:74px;}
			.inbox .size1 li .txt_box .p1{width:111px;}
		}
	/* Nexus 5X(width:411px) */
		@media only screen and (min-width:411px) and (max-width:767px){
			.inbox .size1 li .img_box{height:81px;}
			.inbox .size1 li .txt_box .p1{width:122px;}
		}
	/* iPhone6 Plus ~ (width:414px) */
		@media only screen and (min-width:414px) and (max-width:767px){
			.inbox .size1 li .img_box{height:82px;}
			.inbox .size1 li .txt_box .p1{width:123px;}
		}
	/* iPhone6 Plus ~ (width:414px) */
		@media only screen and (min-width:435px) and (max-width:767px){
			.inbox .size1 li .img_box{height:86px;}
			.inbox .size1 li .txt_box .p1{width:130px;}
		}
	/* iPad ~ */
		@media only screen and (min-width:768px){
			.inbox .size1 li .img_box{height:156px;}
			.inbox .size1 li .txt_box .p1{width:234px;}
		}
	/* PC ~ */
		@media only screen and (min-width:769px){
			.size1 li .txt_box{
				position: absolute;
				bottom: 0;
				width: 100%;
				background-color: rgba(0,0,0,0.65);
				
				/*iE8 BACKGROUND OPACITY 대체방법*/
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
				
				color: #fff;
				padding: 10px 16px 15px;
				opacity:0;
				-webkit-transition: 0.25s;
						 transition: 0.25s;
			}
			.size1 li a:hover > .txt_box{
				opacity:1;
				-webkit-transition: 0.25s;
						 transition: 0.25s;
			}
		}
	/*IE 8*/
		.old_ie .size1 li .txt_box{
			position: absolute;
			bottom: 0;
			width: 100%;
			background-color: rgba(0,0,0,0.65);
			
			/*iE8 BACKGROUND OPACITY 대체방법*/
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
			
			color: #fff;
			padding: 10px 16px 15px;
			opacity:0;
			-webkit-transition: 0.25s;
					 transition: 0.25s;
		}
		.old_ie .size1 li a:hover > .txt_box{
			opacity:1;
			-webkit-transition: 0.25s;
					 transition: 0.25s;
		}








/*POPUP*/
	.size2 li{
		position: relative;
		float: left;
		width: 256px;
		margin: 0 0.65% 20px;
		cursor: default;
	}
	.size2 li .img_box{
		width: 100%;
		height: 360px;
		overflow: hidden;
		box-shadow: 0 0 3px #666;
		background-image: url(../images/layout_admin/pt.png);
		background-color: #eee;
		/*하위태그 가로,세로 모두 가운데 정렬*/
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack:center;
			-ms-flex-pack:center;
			-webkit-justify-content:center;
			justify-content:center;
			-webkit-box-align:center;
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center;
	}
	.size2 li .img_box img{
		display: block;
		margin:0 auto;
		*min-width: 100%;
		height: 360px;
	}
	.size2 li p{padding: 0 5px;}
	.size2 li .p1{
		margin-top: 5px;
		letter-spacing: -0.01em;
		font-size: 16px;
		font-weight: 600;
		/*텍스트줄임*/
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
	}
	.size2 li .p2{
		font-size: 13px;
		font-weight: 300;
		text-align: right;
	}

/*NEWS&PRESS*/
	.size3 li{
		position: relative;
		float: left;
		width: 256px;
		margin: 0 0.65% 20px;
		cursor: default;
	}
	.size3 li .img_box{
		width: 100%;
		height: 165px;
		overflow: hidden;
		box-shadow: 0 0 3px #666;
		*background-image: url(../images/layout_admin/pt.png);
		*background-color: #eee;
		/*하위태그 가로,세로 모두 가운데 정렬*/
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack:center;
			-ms-flex-pack:center;
			-webkit-justify-content:center;
			justify-content:center;
			-webkit-box-align:center;
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center;
	}
	.size3 li .img_box img{
		display: block;
		margin:0 auto;
		width: 100%;
	}
	.size3 li p{padding: 0 5px;}
	.size3 li .p0{
		margin-top: 5px;
		font-size:13px;
	}
	.size3 li .p1{
		margin-top: 0px;
		letter-spacing: -0.01em;
		font-size: 13px;
		font-weight: 600;
		padding:3px 5px;
		/*텍스트줄임*/
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
	}
	.size3 li .p2{
		font-size: 11px;
		font-weight: 300;
		text-align: right;
	}
	/* iPhone4,5,SE(width:320px) */
		@media only screen and (max-width:1024px){
			.inbox .brd_list_image-type{width:100%;}
			.inbox .size3 li{
				width:31.333%;
				margin:0 1% 15px;
			}
			.inbox .size3 li .img_box{height:62px;}
			.inbox .size3 li .txt_box{width:100%;}
			.inbox .size3 li .txt_box .p1{width:93px; font-size:13px; line-height:17px;}
			.inbox .size3 li .txt_box .p2{font-size:11px;}
		}
	/* Android OS display 5'(width:360px) */
		@media only screen and (min-width:360px) and (max-width:767px){
			.inbox .size3 li .img_box{height:71px;}
			.inbox .size3 li .txt_box .p1{width:106px;}
		}
	/* iPhone6(width:375px) */
		@media only screen and (min-width:375px) and (max-width:767px){
			.inbox .size3 li .img_box{height:74px;}
			.inbox .size3 li .txt_box .p1{width:111px;}
		}
	/* Nexus 5X(width:411px) */
		@media only screen and (min-width:411px) and (max-width:767px){
			.inbox .size3 li .img_box{height:81px;}
			.inbox .size3 li .txt_box .p1{width:122px;}
		}
	/* iPhone6 Plus ~ (width:414px) */
		@media only screen and (min-width:414px) and (max-width:767px){
			.inbox .size3 li .img_box{height:82px;}
			.inbox .size3 li .txt_box .p1{width:123px;}
		}
	/* iPhone6 Plus ~ (width:414px) */
		@media only screen and (min-width:435px) and (max-width:767px){
			.inbox .size3 li .img_box{height:86px;}
			.inbox .size3 li .txt_box .p1{width:130px;}
		}
	/* iPad ~ */
		@media only screen and (min-width:768px){
			.size3 li{height:200px;}
			.inbox .size3 li .img_box{height:156px;}
			.inbox .size3 li .txt_box .p1{width:234px;}
		}
	/* PC ~ */
		@media only screen and (min-width:769px){
			.inbox .size3 li .txt_box .p1{width:100%;}
		}
	/*IE 8*/
		.old_ie .inbox .size3 li{height:200px;}